Position:relativeposition:absolute

使用絕對定位(absolute positioning)的優點就是不需考慮元素在html中的位置，可以對元素任意放置，此處故意將div-1b放到div-1a之前；.

The position property specifies the type of positioning method used for an element (static, relative, fixed, absolute or sticky).

2021年2月22日 — 此時的「A」作為基準，因此「A」的CSS設定即為position:relative; 而「B」相對於「A」放置在右邊，因此「B」的CSS設定即為position:absolute;.

2021年9月1日 — It moves the tag based on where it currently is, relative to its usual place and relative to its surrounding tags without affecting their layout ...

1. box-3往上移動. 只要position設定absolute，該元素就會完全跳脫該頁面，這概念類似Photoshop的圖層，跳脫的元素位於該頁面上一層圖層。換個說法，它浮在頁面之上。 既然 ...

2024年2月28日 — The position CSS property sets how an element is positioned in a document. The top, right, bottom, and left properties determine the final ...

Relative. 「relative 相對定位」的效果是將設定的物件，將其參考空間參考自身原始的資料流位置，且此種定位值並不會將物件獨立一層，搭配其它CSS 屬性，如 top 、 right ...

2018年12月3日 — 剛剛介紹的position: absolute 是可以設定父層元素為基準元素作絕對位移，而position: relative 則會以「自己原本顯示的位置為基準位置」來指定上下左右的 ...

關於position 屬性. 為了設計出更複雜的版面配置，我們需要探討關於 position 這個屬性。它有一大堆的屬性值，且這些屬性值不但很難懂，也特別難記憶。